<template>
  <div class="container">
    <navigate>查看消息详情</navigate>
    <div class="card flex_row">
      <img src="@/assets/images/my/message/1.png" alt="" />
      <div class="container_main">
        <div class="title_date flex_row between">
          <div class="title">测评任务通知</div>
          <div class="date">24/11/05 02:26</div>
        </div>
        <div class="content">
          你收到了一个测评测评任务。本任务内共同发布的量表包含：<span>
            抑郁症自测表、助眠质量、兴奋值测试、智商测评 </span
          >等4个。请及时查看任务情况，并按时完成任务哦！
        </div>
        <div class="item first_item">任务发布人：黄老师</div>
        <div class="item">备注任务名：2024下学年开学全年级普查</div>
        <div class="item">测评任务类型：普通测评</div>
        <div class="item">任务剩余期限：3天</div>
        <div class="item">测评开始日期：2023-10-21 22:56</div>
        <div class="item">测评截止日期：2023-10-21 21:56</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
@import "./css/index.less";
</style>